<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Title</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="/css/community.css"/>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js" type="application/javascript"></script>
    <style>
        .icon {
            width: 30px;
        }
        .home{
            border-radius: 20px;
            background-color: white;
            margin-top: 20px;
            margin-right: 30px;
            margin-left: 30px;
            background-color: rgba(255,255,255,0.9);
        }
        .marked{
            margin: 0 36px;
            border-radius: 20px;
        }
        a{
            color: #0a001f;
        }
    </style>
</head>
<body>
<div class="row">
<!--    粉丝，关注，访问等-->
    <div class="panel panel-default home" style="margin-top: 20px;">
        <div class="panel-body">
            <div class="media">
                <div class="media-left">
                    <a href="#">
                        <img class="media-object" src="/img/touxiang.jpg" alt="..." style="border-radius: 21px;">
                    </a>
                </div>
                <div class="media-body">
                    <h4 class="media-heading" th:text="${user.UUsername}"></h4>
                </div>
            </div>
            <div class="col-xs-3">
                关注<br>
                <span>0</span>
            </div>
            <div class="col-xs-3">
                粉丝<br>
                <span>0</span>
            </div>
            <div class="col-xs-3">
                访问<br>
                <span>0</span>
            </div>
            <div class="col-xs-3">
                <img src="/icos/右.png" class="icon" style="float: right">
                主页
            </div>
        </div>
    </div  >
<!--    提示框-->
    <div class="alert alert-success alert-dismissible marked" role="alert" th:if="${msg!=null}">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <strong th:text="${msg}">Success!</strong>
    </div>
<!--    博客，收藏，评论等-->
    <div class="panel panel-default home">
            <div class="panel-body">
                <h4>内容</h4>
                <div class="col-xs-3">
                    <a th:href="@{#}" class="">
                        <img src="/icos/博客园.png" class="icon"><br>
                        <span>博客</span>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a th:href="@{#}" class="">
                        <img src="/icos/私密.png" class="icon"><br>
                        <span>私密</span>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a th:href="@{#}" class="">
                        <img src="/icos/收藏%20(2).png" class="icon"><br>
                        <span>收藏</span>
                    </a>
                </div>
                <div class="col-xs-3">
                    <a th:href="@{#}" class="">
                        <img src="/icos/评论.png" class="icon"><br>
                        <span>评论</span>
                    </a>
                </div>
            </div>
        <div class="panel-body">
            <h4>加入我们</h4>
            <div class="col-xs-3">
                <a th:href="@{/login}" class="">
                    <img src="/icos/个人中心%20(1).png" class="icon"><br>
                    <span>登录</span>
                </a>
            </div>
            <div class="col-xs-3">
                <a th:href="@{/register}" class="">
                    <img src="/icos/注册.png" class="icon"><br>
                    <span>注册</span>
                </a>
            </div>
            <div class="col-xs-3">
                <a th:href="@{#}" class="">
                    <img src="/icos/编辑.png" class="icon"><br>
                    <span>编辑</span>
                </a>
            </div>
            <div class="col-xs-3">
                <a th:href="@{#}" class="">
                    <img src="/icos/动态.png" class="icon"><br>
                    <span>动态</span>
                </a>
            </div><br>
            <div class="col-xs-3">
                <a th:href="@{#}" class="">
                    <img src="/icos/相册.png" class="icon"><br>
                    <span>相册</span>
                </a>
            </div>
            <div class="col-xs-3">
                <a th:href="@{/auth/logout}" class="">
                    <img src="/icos/退出.png" class="icon"><br>
                    <span>登出</span>
                </a>
            </div>
        </div>
        </div>
</div>
<div th:insert="nav::base"></div>
</body>
</html>